<!-- begin container template -->
<md-content flex layout="column" md-scroll-y>
{% include container_toolbar.html -%}
<div style="background-image: url('/img/background.png'); flex-grow: inherit;">
{% include container_header.html -%}
<div layout="row">
<div hide-xs="true" hide-sm="true" flex-md="5" flex-lg="25" flex-xl="25"></div>
<div layout="column" layout-padding flex="100" flex-sm="100" flex-md="90" flex-lg="50" flex-xl="50">
{%- if page.date %}
<div layout="column" layout-padding md-whiteframe="1" layout-align="start start" style="margin-bottom: 8px;">
<!-- begin article content -->
{{ content -}}
<!-- end article content -->
</div>
{%- else %}
<!-- begin website content -->
{{ content -}}
<!-- end website content -->
{%- endif %}
{% include container_footer.html -%}
</div>
</div>
</div>
</md-content>
<!-- end container template -->
